(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,,,,,,,,,,,function(e){e.exports={DevPRO:{type:"Point",coordinates:[84.950393,56.485355]},Userstory:{type:"Point",coordinates:[84.972891,56.458646]},Path:{coordinates:[[84.97244,56.45895],[84.9723,56.4589],[84.97189,56.45875],[84.97188,56.45872],[84.97195,56.45857],[84.97194,56.45849],[84.97175,56.45841],[84.97128,56.45881],[84.97106,56.45899],[84.97087,56.45915],[84.96999,56.45988],[84.96985,56.46],[84.96901,56.46071],[84.96849,56.46113],[84.9682,56.46137],[84.96795,56.46158],[84.96764,56.46184],[84.96748,56.46196],[84.96739,56.46204],[84.96639,56.46288],[84.96571,56.46345],[84.96545,56.46368],[84.96524,56.4639],[84.96519,56.464],[84.9652,56.46445],[84.96521,56.46473],[84.96522,56.46504],[84.96522,56.46508],[84.96526,56.46574],[84.96528,56.46618],[84.96528,56.46623],[84.96529,56.46626],[84.96529,56.46629],[84.9653,56.4664],[84.96531,56.46657],[84.96532,56.46668],[84.96536,56.46737],[84.96539,56.46796],[84.9654,56.46808],[84.96541,56.46825],[84.96546,56.46906],[84.96546,56.46915],[84.96547,56.46924],[84.9655,56.47029],[84.96553,56.47153],[84.96553,56.47163],[84.96554,56.47171],[84.96558,56.47222],[84.96561,56.47275],[84.96563,56.47296],[84.96565,56.47345],[84.96567,56.47382],[84.96567,56.47389],[84.96567,56.47399],[84.9657,56.47497],[84.96572,56.47547],[84.96575,56.47606],[84.96576,56.47615],[84.96577,56.47627],[84.96578,56.47656],[84.96561,56.47656],[84.96532,56.47657],[84.96528,56.47657],[84.96528,56.47639],[84.96527,56.47626],[84.96527,56.47622],[84.96527,56.47615],[84.96423,56.47616],[84.96365,56.47616],[84.96346,56.47616],[84.96278,56.47617],[84.96189,56.47617],[84.96176,56.47617],[84.96157,56.47617],[84.96078,56.47617],[84.95949,56.47617],[84.95844,56.47618],[84.95821,56.47618],[84.9581,56.47618],[84.95751,56.47618],[84.95684,56.47619],[84.95633,56.4762],[84.95556,56.4762],[84.9554,56.47621],[84.95542,56.4763],[84.95544,56.47684],[84.95544,56.47699],[84.95545,56.47714],[84.95545,56.4773],[84.95546,56.47751],[84.95547,56.47777],[84.95546,56.47789],[84.95543,56.47798],[84.95517,56.47877],[84.95502,56.47922],[84.955,56.4793],[84.95499,56.47933],[84.95497,56.47939],[84.95496,56.47943],[84.95486,56.47968],[84.95448,56.48064],[84.9543,56.4811],[84.95418,56.48152],[84.95414,56.4818],[84.95418,56.48236],[84.95425,56.48285],[84.95425,56.48288],[84.95421,56.48309],[84.9542,56.48312],[84.95415,56.48321],[84.95392,56.48346],[84.95346,56.48391],[84.95328,56.48408],[84.95315,56.4842],[84.95301,56.48433],[84.95292,56.48441],[84.9528,56.48453],[84.95241,56.4845],[84.9519,56.48448],[84.95182,56.48451],[84.95176,56.48454],[84.95172,56.48458],[84.95172,56.48462],[84.95173,56.48484],[84.9518,56.48521],[84.95186,56.4854],[84.95191,56.48555],[84.95196,56.48565],[84.95217,56.48603],[84.95233,56.48625],[84.95249,56.48657],[84.95251,56.48664],[84.95249,56.4867],[84.95246,56.48676],[84.95242,56.48683],[84.95235,56.48689],[84.95227,56.48696],[84.95188,56.48718],[84.95176,56.48725],[84.95155,56.48733],[84.95128,56.48742],[84.95123,56.48743],[84.95118,56.48741],[84.95113,56.48739],[84.95109,56.48737],[84.95101,56.48732],[84.95088,56.48716],[84.95083,56.4869],[84.95025,56.48575],[84.95008,56.4854]],type:"LineString"}}},,function(e){e.exports={OpenStreetMap:{params:{attribution:'&copy; <a href="https://www.openstreetmap.org/copyright" rel="noopener noreferrer" target="_blank">OpenStreetMap</a>'},url:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"},"CartoDB_Voyager ":{params:{attribution:'&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>',subdomains:"abcd"},url:"https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png"},Stamen:{params:{attribution:'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',subdomains:"abcd"},url:"https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg"}}},,function(e){e.exports={secret:"secret",url:"https://centrifugo.herokuapp.com",user:"user"}},,,,,,,,function(e,t,n){e.exports=n(45)},,function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},,,,function(e,t,n){},,,,function(e,t,n){},,,,function(e,t,n){},,,,function(e,t,n){"use strict";n.r(t);var a=n(9),r=n(2),o=n(3),i=n(5),c=n(4),s=n(6),l=n(11),u=Object(l.a)();function h(e){var t=e.children;return e.condition&&t}var p=n(0),d=n.n(p),m=function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).handlerAdd=function(e){document.addEventListener(e,n.handler)},n.handlerRemove=function(e){document.removeEventListener(e,n.handler)},n.handler=function(e){var t=n.props.keyList;t[e.type]&&t[e.type][e.keyCode]&&t[e.type][e.keyCode](e)},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return null}},{key:"componentDidMount",value:function(){Object.keys(this.props.keyList).forEach(this.handlerAdd)}},{key:"shouldComponentUpdate",value:function(e){return Object.keys(this.props.keyList).forEach(this.handlerRemove),Object.keys(e.keyList).forEach(this.handlerAdd),!1}},{key:"componentWillUnmount",value:function(){Object.keys(this.props.keyList).forEach(this.handlerRemove)}}]),t}(d.a.Component),f=n(15),v=n(12),y=n(14),b=(n(26),function(e){function t(){return Object(r.a)(this,t),Object(i.a)(this,Object(c.a)(t).apply(this,arguments))}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement("div",{className:"layout"},d.a.createElement("div",{className:"layout__side"},this.props.side),d.a.createElement("div",{className:"layout__main"},this.props.main))}}]),t}(d.a.Component));b.defaultProps={main:function(){return d.a.createElement("div",null,"Main")},side:function(){return d.a.createElement("div",null,"Side")}};var O=b,g=n(7),j=n.n(g),k=d.a.createContext(void 0);function w(e){return function(t){function n(){var t,a;Object(r.a)(this,n);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return(a=Object(i.a)(this,(t=Object(c.a)(n)).call.apply(t,[this].concat(s)))).renderComponent=function(t){return d.a.createElement(e,Object.assign({},a.props,t))},a}return Object(s.a)(n,t),Object(o.a)(n,[{key:"render",value:function(){return d.a.createElement(k.Consumer,null,this.renderComponent)}}]),n}(d.a.Component)}var C=w(function(e){function t(){return Object(r.a)(this,t),Object(i.a)(this,Object(c.a)(t).apply(this,arguments))}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return null}},{key:"componentDidMount",value:function(){this.layerAdd()}},{key:"componentDidUpdate",value:function(){this.layerDelete(),this.layerAdd()}},{key:"componentWillUnmount",value:function(){this.layerDelete()}},{key:"layerAdd",value:function(){var e=this.props,t=e.geoJSON,n=e.leaflet;this.layer=j.a.GeoJSON.geometryToLayer(t),n.addLayer(this.layer)}},{key:"layerDelete",value:function(){this.props.leaflet.removeLayer(this.layer)}}]),t}(d.a.PureComponent)),E=(n(27),function(e){function t(e){var n;return Object(r.a)(this,t),(n=Object(i.a)(this,Object(c.a)(t).call(this,e))).state={isLoad:!1,leaflet:void 0},n.handleLoad=function(){n.setState({isLoad:!0})},n.map=d.a.createRef(),n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement("div",{className:"map",ref:this.map},d.a.createElement(k.Provider,{value:this.state},this.state.leaflet&&this.props.children))}},{key:"componentDidMount",value:function(){var e=j.a.map(this.map.current);this.setState({leaflet:e}),window.addEventListener("load",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this.state.leaflet.remove(),window.removeEventListener("load",this.handleLoad)}}]),t}(d.a.PureComponent)),S=w(function(e){function t(){return Object(r.a)(this,t),Object(i.a)(this,Object(c.a)(t).apply(this,arguments))}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return null}},{key:"componentDidMount",value:function(){this.layerAdd()}},{key:"componentDidUpdate",value:function(){this.layerDelete(),this.layerAdd()}},{key:"componentWillUnmount",value:function(){this.layerDelete()}},{key:"layerAdd",value:function(){var e=this.props,t=e.leaflet,n=e.params,a=e.url;this.layer=new j.a.TileLayer(a,n),t.addLayer(this.layer)}},{key:"layerDelete",value:function(){this.props.leaflet.removeLayer(this.layer)}}]),t}(d.a.PureComponent)),D=w(function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).handleViewChange=function(){var e=n.props,t=e.leaflet,a=e.onViewChange;if(a){var r=t.getBounds();a(j.a.rectangle(r).toGeoJSON())}},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return null}},{key:"componentDidMount",value:function(){this.setView(),this.props.leaflet.on("moveend zoomend",this.handleViewChange)}},{key:"setView",value:function(){var e=this.props,n=e.leaflet,a=e.view,r=t.getBounds(a);r.isValid()?n.fitBounds(r):n.fitWorld({padding:[0,0]}),this.handleViewChange()}},{key:"componentDidUpdate",value:function(e){var n=this.props,a=n.isLoad,r=n.view;if(!e.isLoad&&a&&(this.props.leaflet.invalidateSize(),this.setView()),r!==e.view){var o=t.getBounds(r);o.isValid()&&!o.equals(this.bounds)&&(this.bounds=o,this.setView())}}},{key:"componentWillUnmount",value:function(){this.props.leaflet.off("moveend zoomend",this.handleViewChange)}}],[{key:"getBounds",value:function(e){return j.a.geoJSON(e).getBounds()}}]),t}(d.a.Component)),N=function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).renderGeoJSON=function(e,t){return d.a.createElement(C,{geoJSON:e,key:t})},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.geoJSONList,n=e.onViewChange,a=e.tile;return d.a.createElement(E,null,d.a.createElement(S,{params:a.params,url:a.url}),d.a.createElement(D,{onViewChange:n,view:t}),t.map(this.renderGeoJSON))}}]),t}(d.a.Component),L=(n(28),function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).handleChange=function(){n.props.onChange(n.props.id)},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.id,n=e.value;return d.a.createElement("div",{className:"geo-json"},d.a.createElement("input",{id:t,name:"tile",onChange:this.handleChange,defaultChecked:n[t],type:"checkbox"}),d.a.createElement("label",{htmlFor:t},t))}}]),t}(d.a.Component));L.defaultProps={onChange:function(){},value:{}};var J=L,P=(n(29),function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).handleChange=function(){n.props.onChange(n.props.id)},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.id,n=e.value;return d.a.createElement("div",{className:"tile-radio"},d.a.createElement("input",{id:t,name:"tile",onChange:this.handleChange,checked:n===t,type:"radio"}),d.a.createElement("label",{htmlFor:t},t))}}]),t}(d.a.Component));P.defaultProps={onChange:function(){}};var A=P,U=function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).renderGeoJSONField=function(e){return d.a.createElement(J,{key:e,onChange:n.props.onGeoJSONChange,id:e,value:n.props.showData})},n.renderTileField=function(e){return d.a.createElement(A,{key:e,onChange:n.props.onTileChange,id:e,value:n.props.tileId})},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.geoJSONIdList,n=e.tileIdList,a=e.view;return d.a.createElement(d.a.Fragment,null,d.a.createElement("fieldset",null,d.a.createElement("legend",null,"Tile layer"),n.map(this.renderTileField)),d.a.createElement("fieldset",null,d.a.createElement("legend",null,"GeoJSON"),t.map(this.renderGeoJSONField)),d.a.createElement("fieldset",null,d.a.createElement("legend",null,"View"),d.a.createElement("code",null,JSON.stringify(a.geometry,void 0,2))))}}]),t}(d.a.Component),V=Object.keys(v),M=Object.keys(y),T=function(e){function t(){var e,n;Object(r.a)(this,t);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(s)))).state={showData:{},tileId:M[0],view:{}},n.filterGeoJSON=function(e){return n.state.showData[e]},n.getGeoJSON=function(e){return v[e]},n.handleGeoJSONChange=function(e){n.setState(function(t){return Object(a.a)({},t,{showData:Object(a.a)({},t.showData,Object(f.a)({},e,!t.showData[e]))})})},n.handleTileChange=function(e){n.setState({tileId:e})},n.handleViewChange=function(e){n.setState({view:e})},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement(O,{main:this.renderMain(),side:this.renderSide()})}},{key:"renderMain",value:function(){var e=this.state.tileId;return d.a.createElement(N,{geoJSONList:this.geoJSONList,onViewChange:this.handleViewChange,tile:y[e]})}},{key:"renderSide",value:function(){var e=this.state,t=e.showData,n=e.tileId,a=e.view;return d.a.createElement(U,{geoJSONIdList:V,tileIdList:M,onGeoJSONChange:this.handleGeoJSONChange,onTileChange:this.handleTileChange,showData:t,tileId:n,view:a})}},{key:"geoJSONList",get:function(){return V.filter(this.filterGeoJSON).map(this.getGeoJSON)}}]),t}(d.a.Component),G=n(16),x=n(21),F=n.n(x),I=n(22),B=n.n(I),_=d.a.createContext(void 0);var W=function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).state={centrifuge:new F.a},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement(_.Provider,{value:this.state},this.props.children)}},{key:"componentDidMount",value:function(){this.connect()}},{key:"componentWillUnmount",value:function(){this.disconnect()}},{key:"connect",value:function(){var e=this.state.centrifuge;e.isDisconnected()&&(e.configure(this.connectData),e.connect())}},{key:"disconnect",value:function(){var e=this.state.centrifuge;e.removeAllListeners(),e.disconnect()}},{key:"connectData",get:function(){var e=this.props,n=e.secret,a=e.url,r=e.user,o=t.timestamp;return{timestamp:o,token:t.getToken(r,n,o),url:a,user:r}}}],[{key:"getToken",value:function(e,t,n){var a="".concat(e).concat(n),r=new B.a("SHA-256","TEXT");return r.setHMACKey(t,"TEXT"),r.update(a),r.getHMAC("HEX")}},{key:"timestamp",get:function(){return Math.round(Date.now()/1e3).toString()}}]),t}(d.a.Component),R=function(e){function t(e){var n;return Object(r.a)(this,t),(n=Object(i.a)(this,Object(c.a)(t).call(this,e))).subscription=null,n.handleConnect=function(){n.forceUpdate()},n.handleSubscribe=function(){if(n.subscription){var e=n.props.eventData;e.subscribe&&e.subscribe(n.subscription)}},n.eventData=Object(a.a)({},e.eventData,{subscribe:n.handleSubscribe}),n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return null}},{key:"componentDidMount",value:function(){this.props.centrifuge.on("connect",this.handleConnect),this.subscribe()}},{key:"shouldComponentUpdate",value:function(e){return!this.subscription||e.channel!==this.props.channel}},{key:"componentDidUpdate",value:function(){this.unsubscribe(),this.subscribe()}},{key:"componentWillUnmount",value:function(){this.props.centrifuge.off("connect",this.handleConnect),this.unsubscribe()}},{key:"subscribe",value:function(){var e=this.props,t=e.centrifuge,n=e.channel;t.isConnected()&&!this.subscription&&(this.subscription=t.subscribe(n,this.eventData))}},{key:"unsubscribe",value:function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription.removeAllListeners(),this.subscription=null)}}]),t}(d.a.Component);R.defaultProps={eventData:{}};var z,H=(z=R,function(e){function t(){var e,n;Object(r.a)(this,t);for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(o)))).renderComponent=function(e){return d.a.createElement(z,Object.assign({},n.props,e))},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement(_.Consumer,null,this.renderComponent)}}]),t}(d.a.Component));n(33);delete j.a.Icon.Default.prototype._getIconUrl,j.a.Icon.Default.mergeOptions({className:"marker",iconRetinaUrl:n(34),iconUrl:n(35),shadowUrl:n(36)});var X=w(function(e){function t(){return Object(r.a)(this,t),Object(i.a)(this,Object(c.a)(t).apply(this,arguments))}return Object(s.a)(t,e),Object(o.a)(t,[{key:"componentDidMount",value:function(){this.layerAdd(this.props.point)}},{key:"componentDidUpdate",value:function(){this.layerUpdate(this.props.point)}},{key:"componentWillUnmount",value:function(){this.layerDelete()}},{key:"layerAdd",value:function(e){e&&(this.layer=j.a.marker(j.a.GeoJSON.coordsToLatLng(e)),this.props.leaflet.addLayer(this.layer))}},{key:"layerUpdate",value:function(e){e&&(this.layer?this.layer.setLatLng(j.a.GeoJSON.coordsToLatLng(e)):this.layerAdd(e))}},{key:"layerDelete",value:function(){this.layer&&this.props.leaflet.removeLayer(this.layer)}},{key:"render",value:function(){return null}}]),t}(d.a.PureComponent)),K=function(e){function t(){var e,n;Object(r.a)(this,t);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(s)))).state={isFollow:!1},n.eventData={message:function(e){switch(e.data.type){case"setPoint":n.setState({point:e.data.point});break;case"setView":n.setState(function(e){return Object(a.a)({},e,{isFollow:!e.isFollow})})}}},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){var e=this.props,t=e.connect,n=e.geoJSON,a=e.tile,r=this.state,o=r.isFollow,i=r.point,c=o?this.geoJSON:n.Path;return d.a.createElement(W,t,d.a.createElement(E,null,d.a.createElement(S,{params:a.params,url:a.url}),d.a.createElement(D,{view:c}),d.a.createElement(X,{point:i})),d.a.createElement(H,{channel:"Userstory+DevPRO",eventData:this.eventData}))}},{key:"geoJSON",get:function(){var e=this.state.point;if(e)return{coordinates:e,type:"Point"}}}]),t}(d.a.Component),q=function(e){function t(){return Object(r.a)(this,t),Object(i.a)(this,Object(c.a)(t).apply(this,arguments))}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement(K,{connect:G,geoJSON:v,tile:y.Stamen})}}]),t}(d.a.Component),Y=n(13),$=v.Path.coordinates,Q=$.length,Z=function(e){function t(e){var n;return Object(r.a)(this,t),(n=Object(i.a)(this,Object(c.a)(t).call(this,e))).state={length:0,position:0,isFollowPoint:!1},n.handlePause=function(){n.timeout&&(clearTimeout(n.timeout),n.timeout=void 0)},n.handleStart=function(){n.tickBind()},n.handleStop=function(){n.handlePause(),n.setState({position:0}),n.process(0)},n.handleSubscribe=function(e){n.subscription=e},n.handleView=function(){n.setState(n.toggleView)},n.toggleView=function(e){var t=!e.isFollowPoint;return n.subscription&&n.subscription.publish({type:"setView",isFollowPoint:t}),Object(a.a)({},e,{isFollowPoint:t})},n.setPosition=function(e){return Object(a.a)({},e,{position:e.position+1})},n.eventData={subscribe:n.handleSubscribe},n.tickBind=n.tick.bind(Object(Y.a)(Object(Y.a)(n))),n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement("div",null,d.a.createElement("fieldset",null,d.a.createElement("legend",null,"Control"),d.a.createElement("button",{onClick:this.handleStart},"Start")," ",d.a.createElement("button",{onClick:this.handlePause},"Pause")," ",d.a.createElement("button",{onClick:this.handleStop},"Stop")," ",d.a.createElement("button",{onClick:this.handleView},"View")),d.a.createElement("fieldset",null,d.a.createElement("legend",null,"Current"),d.a.createElement("code",null,JSON.stringify($[this.state.position]))),d.a.createElement(W,G,d.a.createElement(H,{channel:"Userstory+DevPRO",eventData:this.eventData})))}},{key:"tick",value:function(){var e=this.state.position;e<Q&&(this.timeout=setTimeout(this.tickBind,this.props.interval),this.process(e),this.setState(this.setPosition))}},{key:"process",value:function(e){if(this.subscription){var t=$[e];this.subscription.publish({type:"setPoint",point:t})}}},{key:"componentWillUnmount",value:function(){this.handleStop()}}]),t}(d.a.Component);Z.defaultProps={interval:500};var ee=Z,te=n(50),ne=n(51),ae=n(53),re=n(49),oe=n(52),ie=(n(37),{"example-map":{component:T,name:"ExampleMap",path:"/example-map"},"example-socket":{component:q,name:"ExampleSocket",path:"/example-socket"},"socket-generator":{component:ee,name:"SocketGenerator",path:"/socket-generator"}}),ce=Object.keys(ie),se=function(e){function t(){var e,n;Object(r.a)(this,t);for(var o=arguments.length,s=new Array(o),l=0;l<o;l++)s[l]=arguments[l];return(n=Object(i.a)(this,(e=Object(c.a)(t)).call.apply(e,[this].concat(s)))).state={showNav:!0},n.toggleNav=function(e){return Object(a.a)({},e,{showNav:!e.showNav})},n.keyList={keydown:{78:function(e){e.altKey&&n.setState(n.toggleNav)}}},n.renderLink=function(e){var t=ie[e],n=t.name,a=t.path;return d.a.createElement(re.a,{className:"app__nav-link",key:e,to:a},n)},n.renderRoute=function(e){var t=ie[e],n=t.component,a=t.path;return d.a.createElement(te.a,{component:n,key:e,path:a})},n}return Object(s.a)(t,e),Object(o.a)(t,[{key:"render",value:function(){return d.a.createElement(oe.a,{history:u},d.a.createElement("div",{className:"app"},d.a.createElement(h,{condition:this.state.showNav},d.a.createElement("div",{className:"app__nav"},ce.map(this.renderLink))),d.a.createElement("div",{className:"app__content"},d.a.createElement(ne.a,null,ce.map(this.renderRoute),d.a.createElement(ae.a,{to:ie[ce[0]].path}))),d.a.createElement(m,{keyList:this.keyList})))}}]),t}(d.a.Component),le=(n(41),n(23)),ue=n.n(le);Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));ue.a.render(d.a.createElement(se,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(function(e){e.unregister()})}],[[24,1,2]]]);
//# sourceMappingURL=main.4869ee6c.chunk.js.map